<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>收货地址页面</title>
		<link rel="stylesheet" href="css/shipping.css">
		<script src="js/jquery.min.js"></script>
		<script src="js/hk库.js"></script>
		<script src="js/shipping.js"></script>
		<script src="js/shipping2.js"></script>
		<script>
			$(function(){
			// 公共部分
			$('.header').load('head.html');
			$('.footer').load('footer.html');
		});
	</script>
	</head>
	<body>
		<!--头部-->
		<div class="header"></div>

		<!--主界面-->
		<section id="shop_Address">
			<div class="address_Set">
				<ul>
					<!-- <li class="showRightIcon">
                <a href="#" class="text-red">设置</a>
            </li> -->
					<li>
						<a href="memberCenter.html">会员中心</a>
					</li>
					<!-- <li>
                <a href="#">账户安全</a>
            </li>
            <li>
                <a href="#">购买过的店铺</a>
            </li>
            <li>
                <a href="#">我的发票</a>
            </li>
            <li>
                <a href="#">我的收藏</a>
            </li>
            <li>
                <a href="#">我的积分</a>
            </li>
            <li>
                <a href="#">我的优惠信息</a>
            </li>
            <li>
                <a href="#">评价管理</a>
            </li>
            <li>
                <a href="#">退款维权</a>
            </li>
            <li>
                <a href="#">我的足迹</a>
            </li> -->
				</ul>
			</div>
			<div class="add_Address">
				<div id="box">
					
				</div>
				<!-- <div class="add_AddMain">
					<ul>
						<li>
							<h5>张三</h5>
						</li>
						<li><a href="#">广东</a></li>
						<li><a href="#" style=" color: #fff;">一键购</a></li>
					</ul>
					<ul class="userAddress">
						<li>收货人： <span>范鸿楷</span></li>
						<li>所在地区： <span>广东广州市海珠区</span></li>
						<li>地址： <span>广州海珠区红卫新村UP智谷</span></li>
						<li>手机： <span>181****7115</span></li>
						<li>固定电话：<span>13226627208</span></li>
						<li>电子邮箱：<span>hk255@foxmail.com</span></li>
					</ul>
					<ul>
						<li>支付方式：在线支付</li>
						<li>配送方式：普通快递配送</li>
					</ul>
					<ul class="address_Reset">
						<li><a href="#">设为默认</a></li>
						<li><a href="#">编辑</a></li>
					</ul>
				</div> -->


				<form action="" class="addAddTotal">
					<ul>
						<a class="closeIcon"></a>
						<li>
							<div><label for="userNmaeInput">收货人：</label></div>
							<div><input id="userNmaeInput" type="text" required></div>
						</li>
						<li>
							<div><label for="receiverCity">所在城市：</label></div>
							<div><input id="receiverCity" type="text" required></div>
						</li>
						<li>
							<div><label for="receiverDistrict">所在地区：<br></label></div>
							<div><input id="receiverDistrict" type="text" required></div>
						</li>
						<li>
							<div><label for="receiverAddress">详细地址：<br></label></div>
							<div><input id="receiverAddress" type="text" required></div>
						</li>
						<li>
							<div><label for="phoneInput">手机号码：<br></label></div>
							<div><input id="phoneInput" type="text" required></div>
						</li>
						
						<li>
							<div><label for="receiverZip">邮编：<br></label></div>
							<div><input id="receiverZip" type="text" required></div>
						</li>

						<input type="button" class="add_AddBtn" onclick="addShipping()" value="确定">
					</ul>
				</form>
				
				<div class="add_btn">
					<button>新增收货地址</button>
					<p>您已经创建<span class="text-red numberNow"></span>个收货地址，最多可以创建<span class="text-red">20</span>个</p>
				</div>
			</div>
		</section>

		<!--底部-->
		<div class="footer"></div>
	</body>
</html>
